/* eslint-disable react/no-unescaped-entities,import/prefer-default-export,react/jsx-indent-props,react/jsx-no-undef,react/jsx-first-prop-new-line,no-trailing-spaces */
import React from 'react';
import List, {ListItem, ListItemText, ListItemSecondaryAction} from 'material-ui/List';
import IconButton from 'material-ui/IconButton';
import AddIcon from 'material-ui-icons/Add';
import DeleteIcon from 'material-ui-icons/Delete';


export const AllUserList = (data) => (
    <div>
        <h3 style={{
            textAlign: 'center',
        }}>所有人数</h3>
        <List style={{
            width: 290,
        }}
              dense={true}>
            <ListItem button key="1">
                <ListItemText
                    primary="这是什么东西???这是什么东西??"
                    secondary="12345678901234567890123456789015"/>
                <ListItemSecondaryAction>
                    <IconButton aria-label="Add">
                        <AddIcon/>
                    </IconButton>
                </ListItemSecondaryAction>
            </ListItem>
            <ListItem button>
                <ListItemText
                    primary="这是什么东西???这是什么东西??"
                    secondary="12345678901234567890123456789015"/>
                <ListItemSecondaryAction>
                    <IconButton aria-label="Add">
                        <AddIcon/>
                    </IconButton>
                </ListItemSecondaryAction>
            </ListItem>
            <ListItem button>
                <ListItemText
                    primary="这是什么东西???这是什么东西??"
                    secondary="12345678901234567890123456789015"/>
                <ListItemSecondaryAction>
                    <IconButton aria-label="Add">
                        <AddIcon/>
                    </IconButton>
                </ListItemSecondaryAction>
            </ListItem>
        </List>
    </div>
);

export const LotteryUserList = (data) => (
    <div>
        <h3 style={{
            textAlign: 'center',
        }}>参加人数</h3>
        <List style={{
            width: 290,
        }}
              dense={true}>
            <ListItem button>
                <ListItemText
                    primary="你所有的??"
                    secondary="12345678901234567890123456789015"/>
                <ListItemSecondaryAction>
                    <IconButton aria-label="Delete"
                                onClick={() => {
                                    alert('ajsdl');
                                }}>
                        <DeleteIcon/>
                    </IconButton>
                </ListItemSecondaryAction>
            </ListItem>
            <ListItem button>
                <ListItemText
                    primary="你是人吗????这是???这是什么东西??"
                    secondary="12345678901234567890123456789015"/>
                <ListItemSecondaryAction>
                    <IconButton aria-label="Delete">
                        <DeleteIcon/>
                    </IconButton>
                </ListItemSecondaryAction>
            </ListItem>
            <ListItem button>
                <ListItemText
                    primary="你是人吗???这是什么东西??"
                    secondary="12345678901234567890123456789015"/>
                <ListItemSecondaryAction>
                    <IconButton aria-label="Delete">
                        <DeleteIcon/>
                    </IconButton>
                </ListItemSecondaryAction>
            </ListItem>
            <ListItem button>
                <ListItemText
                    primary="你是人吗???这是什么东西??"
                    secondary="12345678901234567890123456789015"/>
                <ListItemSecondaryAction>
                    <IconButton aria-label="Delete">
                        <DeleteIcon/>
                    </IconButton>
                </ListItemSecondaryAction>
            </ListItem>
        </List>
    </div>
);